<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>博艺网-首页</title>
    <link rel="shortcut icon" type="image/x-icon" href="http://img.boyitongcheng.com/favicon.ico" media="screen"/>
    <link href="/common/css/common.css" rel="stylesheet" type="text/css"/>
    <link href="/common/css/index.css" rel="stylesheet" type="text/css"/>
    <link href="/common/css/iconfont.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="/common/js/jquery-1.8.2.min.js"></script>
    <script type="text/javascript">
        function IsPC() {
            var userAgentInfo = navigator.userAgent;
            var Agents = ["Android", "iPhone",
                "SymbianOS", "Windows Phone",
                "iPad", "iPod"];
            var flag = true;
            for (var v = 0; v < Agents.length; v++) {
                if (userAgentInfo.indexOf(Agents[v]) > 0) {
                    flag = false;
                    break;
                }
            }
            return flag;
        }

        function clientR() {
            if (!IsPC()){
                window.location.href = "/download";
            }
        }
    </script>
</head>

<#if isPc??>
<body onload="toastFunction();">
<#else >
<body onload="clientR();toastFunction();">
</#if>


<div class="lunbo_header">
<#list adList as ad>
    <a target="_blank" href="<#if ad.getUrl()?? && ad.getUrl() != "">${ad.getUrl()!''}<#else >/ad?id=${ad.getId()}</#if>"><img src="http://img.boyitongcheng.com/${ad.getImgUrl()}"/></a>
</#list>
</div>

<#include "header.ftl"/>

<#include "banner.ftl"/>

<div class="nav">
    <div class="main">
        <ul class="navtop">
        <#if topList??>

            <#list topList as top>
                <li><a href="/list?channel_id=${top.getId()}&position_id=${top.getPositionId()}&style_type=0&price=0&area=0" target="_blank">${top.getName()}</a>
                </li>
            </#list>

        </#if>
            <li><a href="/article?id=10&position_id=4" target="_blank">关于我们</a>
            </li>
            <li><a href="/ad_list?position_id=3&parent_id=6">成功案例</a>
            </li>
            <li><a href="/article?id=9&position_id=4" target="_blank">联系我们</a>
            </li>
        </ul>
    </div>
</div>

<div class="main">

    <div class="fenlei">
        <div class="fl-title">
            <span class="iconfont icon-caidan1"></span>
            <span style="font-size:15px;">全部分类</span>
        </div>

        <ul>
            <div>
            <#list leftList as father>
                <li class="first">
                    ${father.getName()}<span
                        class="iconfont icon-jiantou fr  mr20" style="float: right;margin-right: 10px;"></span>
                    <div class="option">
                        <#--<#assign subList = leftSubMap[father.getId()?string]!>-->

                        <#assign subList = leftSubKWMap[father.getId()?string]!>
                        <#list subList as subFunc>
                            <#--<a href="/list?channel_id=${subFunc.getId()}&parent_id=${subFunc.getParentId()}&position_id=${subFunc.getPositionId()}&style_type=0&price=0" target="_blank">${subFunc.getName()}</a>-->
                            <a href="/list?channel_id=0&parent_id=${subFunc.getParentId()}&position_id=${subFunc.getPositionId()}&style_type=0&price=0&keyword=${subFunc.getName()}" target="_blank">${subFunc.getName()}</a>
                        </#list>
                    </div>
                </li>
            </#list>

        </ul>
        </ul>
    </div>

    <div class="main_left">

        <div style="float: left;width: 520px;">

            <div class="lunbo">
                <#list centerLunboList as ad>
                    <a target="_blank" href="<#if ad.getUrl()?? && ad.getUrl() != "">${ad.getUrl()!''}<#else >/ad?id=${ad.getId()}</#if>"><img src="http://img.boyitongcheng.com/${ad.getImgUrl()}!520x290"/></a>
                </#list>
                <#--<div class="lb_title">-->
                    <#--<ul class="lb_title" id="lb_title">-->
                    <#--<#list adList as ad>-->
                        <#--<li class="lb_title_txt">${ad.getName()}</li>-->
                    <#--</#list>-->
                    <#--</ul>-->
                <#--</div>-->
                <div class="lunbobtn">
                    <ul class="lunbobtn" id="lunbobtn">
                    <#list centerLunboList as ad>
                        <li class="btn"></li>
                    </#list>
                    </ul>
                </div>
            </div>

            <div class="main_rec">
                <ul>
                <#list centerBottomList as ad>
                    <li>
                        <a target="_blank" href="<#if ad.getUrl()?? && ad.getUrl() != "">${ad.getUrl()!''}<#else >/ad?id=${ad.getId()}</#if>"><img src="http://img.boyitongcheng.com/${ad.getImgUrl()}!170x130"/></a>
                    </li>
                </#list>
                </ul>
            </div>
        </div>

        <div class="main_rec_v">
            <ul>
            <#list centerRightList as ad>
                <li>
                    <a target="_blank" href="<#if ad.getUrl()?? && ad.getUrl() != "">${ad.getUrl()!''}<#else >/ad?id=${ad.getId()}</#if>"><img src="http://img.boyitongcheng.com/${ad.getImgUrl()}!170x200"/></a>
                </li>
            </#list>
            </ul>
        </div>
    </div>

    <div class="turnmsg">
        <div class="avatar">
            <img src="<#if user?? && user.getAvatar()??>http://img.boyitongcheng.com/${user.getAvatar()}<#else>/common/images/default_avatar.png</#if>">
        </div>
        <p>Hi，<#if user?? && user.getCnName()??>${user.getCnName()}<#else>欢迎来到博艺网</#if>!</p>
        <div class="reg">
        <#if user??>
            <div class="login_btn">
                <a href="/main" target="_blank">我的博艺</a>
            </div>

            <div class="reg_btn">
                <a href="/logout" target="_blank">注销</a>
            </div>
        <#else>
            <div class="login_btn">
                <a href="/login" target="_blank">登录</a>
            </div>

            <div class="reg_btn">
                <a href="/register" target="_blank">顾客注册</a>
            </div>
        </#if>
        </div>

        <div class="notice_p"></div>

        <div class="notice_title"><div class="notice_title_p">资讯</div></div>

        <div class="notice_list">
            <ul>
            <#if noticeList??>

                <#list noticeList as notice>
                    <li><b>#{notice_index+1}</b><a target="_blank" href="/notice?id=${notice.getId()}">${notice.getName()}</a></li>
                </#list>

            </#if>
            </ul>
        </div>
    </div>

    <div class="right_side">
        <a id="id_right_side" target="_blank"><img src="/common/images/wed_plan2.png"></a>
    </div>
    <div class="clear"></div>
</div>

<div class="index_list_main">
    <div class="index_list_4">
        <p class="list_title">当季推荐</p>
        <ul>
        <#if curList??>

            <#list curList as current>
                <li>
                    <a target="_blank" href="<#if current.getUrl()?? && current.getUrl() != "">${current.getUrl()!''}<#elseif current.getDescn()?? && current.getDescn() != "">/ad?id=${current.getId()}<#else >/ad_list?position_id=${current.getPositionId()}&parent_id=${current.getId()}</#if>">
                                    <span>
                                        <img alt="" class="lazy"
                                             data-original="http://img.boyitongcheng.com/${current.getImgUrl()}!226x140"
                                             src="http://img.boyitongcheng.com/${current.getImgUrl()}!226x140"
                                             style="display: inline;">
                                    </span>
                        <span class="list_title-text-2">${current.getName()}</span>
                    </a>
                </li>
            </#list>

        </#if>
        </ul>
    </div>
</div>





<div class="index_list_main">
    <p class="list_title"><span class="list_span">1F</span> 策划师</p>
    <div class="index_list_left">
        <a target="_blank" href="<#if cehuaOne.getUrl()?? && cehuaOne.getUrl() != "">${cehuaOne.getUrl()!''}<#else >/ad_list?position_id=${cehuaOne.getPositionId()}&parent_id=${cehuaOne.getId()}</#if>">
            <img src="http://img.boyitongcheng.com/${cehuaOne.getImgUrl()}!260x508" width="260px" height="508px">
        </a>
    </div>

    <div class="index_list_right">
        <div class="index_list">
            <ul>
            <#if cehuaList??>

                <#list cehuaList as classic>
                    <li>
                        <a target="_blank" href="<#if classic.getUrl()?? && classic.getUrl() != "">${classic.getUrl()!''}<#else >/ad_list?position_id=${classic.getPositionId()}&parent_id=${classic.getId()}</#if>">
                                        <span>
                                            <img alt="" class="lazy"
                                                 data-original="http://img.boyitongcheng.com/${classic.getImgUrl()}!200x200"
                                                 src="http://img.boyitongcheng.com/${classic.getImgUrl()}!200x200"
                                                 style="display: inline;">
                                        </span>
                            <span class="list_title-text-1">${classic.getName()}</span>
                        </a>
                    </li>
                </#list>
            </#if>

            <#--<#if cehuaList??>-->

                <#--<#list cehuaList as classic>-->
                    <#--<li>-->
                        <#--<a target="_blank" href="/ad?id=${classic.getId()}">-->
                                        <#--<span>-->
                                            <#--<img alt="" class="lazy"-->
                                                 <#--data-original="http://img.boyitongcheng.com/${classic.getImgUrl()}"-->
                                                 <#--src="http://img.boyitongcheng.com/${classic.getImgUrl()}"-->
                                                 <#--style="display: inline;">-->
                                        <#--</span>-->
                            <#--<span class="list_title-text-1">${classic.getName()}</span>-->
                        <#--</a>-->
                    <#--</li>-->
                <#--</#list>-->
            <#--</#if>-->
            </ul>
        </div>

        <div class="index_list_news_right">
            <div class="index_list_right_title"><p><img src="/common/images/index_list_hot.png"> 热门婚礼策划师</p></div>

            <div class="index_list_right_list">
                <ul>
                <#if cehuaList??>

                    <#list cehuaList as notice>
                        <li><b>#{notice_index+1}</b><a target="_blank" href="/ad_list?position_id=${notice.getPositionId()}&parent_id=${notice.getId()}">${notice.getName()}</a></li>
                    </#list>

                </#if>
                </ul>
            </div>
        </div>

    </div>
</div>






<div class="index_list_main">
    <p class="list_title"><span class="list_span">2F</span> 主持人</p>
    <div class="index_list_left">
        <a target="_blank" href="<#if zhuchiOne.getUrl()?? && zhuchiOne.getUrl() != "">${zhuchiOne.getUrl()!''}<#else >/ad_list?position_id=${zhuchiOne.getPositionId()}&parent_id=${zhuchiOne.getId()}</#if>">
            <img src="http://img.boyitongcheng.com/${zhuchiOne.getImgUrl()}!260x508" width="260px" height="508px">
        </a>
    </div>

    <div class="index_list_right">
        <div class="index_list">
            <ul>
            <#if zhuchiList??>

                <#list zhuchiList as classic>
                    <li>
                        <a target="_blank" href="<#if classic.getUrl()?? && classic.getUrl() != "">${classic.getUrl()!''}<#else >/ad_list?position_id=${classic.getPositionId()}&parent_id=${classic.getId()}</#if>">
                                        <span>
                                            <img alt="" class="lazy"
                                                 data-original="http://img.boyitongcheng.com/${classic.getImgUrl()}!200x200"
                                                 src="http://img.boyitongcheng.com/${classic.getImgUrl()}!200x200"
                                                 style="display: inline;">
                                        </span>
                            <span class="list_title-text-1">${classic.getName()}</span>
                        </a>
                    </li>
                </#list>
            </#if>

            <#--<#if classicList??>-->

                <#--<#list classicList as classic>-->
                    <#--<li>-->
                        <#--<a target="_blank" href="/ad?id=${classic.getId()}">-->
                                        <#--<span>-->
                                            <#--<img alt="" class="lazy"-->
                                                 <#--data-original="http://img.boyitongcheng.com/${classic.getImgUrl()}"-->
                                                 <#--src="http://img.boyitongcheng.com/${classic.getImgUrl()}"-->
                                                 <#--style="display: inline;">-->
                                        <#--</span>-->
                            <#--<span class="list_title-text-1">${classic.getName()}</span>-->
                        <#--</a>-->
                    <#--</li>-->
                <#--</#list>-->
            <#--</#if>-->
            </ul>
        </div>

        <div class="index_list_news_right">
            <div class="index_list_right_title"><p><img src="/common/images/index_list_hot.png"> 热门婚礼主持</p></div>

            <div class="index_list_right_list">
                <ul>
                <#if zhuchiList??>

                    <#list zhuchiList as notice>
                        <li><b>#{notice_index+1}</b><a target="_blank" href="/ad_list?position_id=${notice.getPositionId()}&parent_id=${notice.getId()}">${notice.getName()}</a></li>
                    </#list>

                </#if>
                </ul>
            </div>
        </div>

    </div>
</div>



<div class="index_list_main">
    <p class="list_title"><span class="list_span">3F</span> 摄影师</p>
    <div class="index_list_left">
        <a target="_blank" href="<#if sysOne.getUrl()?? && sysOne.getUrl() != "">${sysOne.getUrl()!''}<#else >/ad_list?position_id=${sysOne.getPositionId()}&parent_id=${sysOne.getId()}</#if>">
            <img src="http://img.boyitongcheng.com/${sysOne.getImgUrl()}!260x508" width="260px" height="508px">
        </a>
    </div>

    <div class="index_list_right">
        <div class="index_list">
            <ul>
            <#if sysList??>

                <#list sysList as classic>
                    <li>
                        <a target="_blank" href="<#if classic.getUrl()?? && classic.getUrl() != "">${classic.getUrl()!''}<#else >/ad_list?position_id=${classic.getPositionId()}&parent_id=${classic.getId()}</#if>">
                                        <span>
                                            <img alt="" class="lazy"
                                                 data-original="http://img.boyitongcheng.com/${classic.getImgUrl()}!200x200"
                                                 src="http://img.boyitongcheng.com/${classic.getImgUrl()}!200x200"
                                                 style="display: inline;">
                                        </span>
                            <span class="list_title-text-1">${classic.getName()}</span>
                        </a>
                    </li>
                </#list>
            </#if>

            <#--<#if classicList??>-->

            <#--<#list classicList as classic>-->
            <#--<li>-->
            <#--<a target="_blank" href="/ad?id=${classic.getId()}">-->
            <#--<span>-->
            <#--<img alt="" class="lazy"-->
            <#--data-original="http://img.boyitongcheng.com/${classic.getImgUrl()}"-->
            <#--src="http://img.boyitongcheng.com/${classic.getImgUrl()}"-->
            <#--style="display: inline;">-->
            <#--</span>-->
            <#--<span class="list_title-text-1">${classic.getName()}</span>-->
            <#--</a>-->
            <#--</li>-->
            <#--</#list>-->
            <#--</#if>-->
            </ul>
        </div>

        <div class="index_list_news_right">
            <div class="index_list_right_title"><p><img src="/common/images/index_list_hot.png"> 热门摄影师</p></div>

            <div class="index_list_right_list">
                <ul>
                <#if sysList??>

                    <#list sysList as notice>
                        <li><b>#{notice_index+1}</b><a target="_blank" href="/ad_list?position_id=${notice.getPositionId()}&parent_id=${notice.getId()}">${notice.getName()}</a></li>
                    </#list>

                </#if>
                </ul>
            </div>
        </div>

    </div>
</div>






<div class="index_list_main">
    <p class="list_title"><span class="list_span">4F</span> 摄像师</p>
    <div class="index_list_left">
        <a target="_blank" href="<#if sxsOne.getUrl()?? && sxsOne.getUrl() != "">${sxsOne.getUrl()!''}<#else >/ad_list?position_id=${sxsOne.getPositionId()}&parent_id=${sxsOne.getId()}</#if>">
            <img src="http://img.boyitongcheng.com/${sxsOne.getImgUrl()}!260x508" width="260px" height="508px">
        </a>
    </div>

    <div class="index_list_right">
        <div class="index_list">
            <ul>
            <#if sxsList??>

                <#list sxsList as classic>
                    <li>
                        <a target="_blank" href="<#if classic.getUrl()?? && classic.getUrl() != "">${classic.getUrl()!''}<#else >/ad_list?position_id=${classic.getPositionId()}&parent_id=${classic.getId()}</#if>">
                                        <span>
                                            <img alt="" class="lazy"
                                                 data-original="http://img.boyitongcheng.com/${classic.getImgUrl()}!200x200"
                                                 src="http://img.boyitongcheng.com/${classic.getImgUrl()}!200x200"
                                                 style="display: inline;">
                                        </span>
                            <span class="list_title-text-1">${classic.getName()}</span>
                        </a>
                    </li>
                </#list>
            </#if>

            <#--<#if classicList??>-->

            <#--<#list classicList as classic>-->
            <#--<li>-->
            <#--<a target="_blank" href="/ad?id=${classic.getId()}">-->
            <#--<span>-->
            <#--<img alt="" class="lazy"-->
            <#--data-original="http://img.boyitongcheng.com/${classic.getImgUrl()}"-->
            <#--src="http://img.boyitongcheng.com/${classic.getImgUrl()}"-->
            <#--style="display: inline;">-->
            <#--</span>-->
            <#--<span class="list_title-text-1">${classic.getName()}</span>-->
            <#--</a>-->
            <#--</li>-->
            <#--</#list>-->
            <#--</#if>-->
            </ul>
        </div>

        <div class="index_list_news_right">
            <div class="index_list_right_title"><p><img src="/common/images/index_list_hot.png"> 热门摄像师</p></div>

            <div class="index_list_right_list">
                <ul>
                <#if sxsList??>

                    <#list sxsList as notice>
                        <li><b>#{notice_index+1}</b><a target="_blank" href="/ad_list?position_id=${notice.getPositionId()}&parent_id=${notice.getId()}">${notice.getName()}</a></li>
                    </#list>

                </#if>
                </ul>
            </div>
        </div>

    </div>
</div>






<div class="index_list_main">
    <p class="list_title"><span class="list_span">5F</span> 化妆师</p>
    <div class="index_list_left">
        <a target="_blank" href="<#if hzsOne.getUrl()?? && hzsOne.getUrl() != "">${hzsOne.getUrl()!''}<#else >/ad_list?position_id=${hzsOne.getPositionId()}&parent_id=${hzsOne.getId()}</#if>">
            <img src="http://img.boyitongcheng.com/${hzsOne.getImgUrl()}!260x508" width="260px" height="508px">
        </a>
    </div>

    <div class="index_list_right">
        <div class="index_list">
            <ul>
            <#if hzsList??>

                <#list hzsList as classic>
                    <li>
                        <a target="_blank" href="<#if classic.getUrl()?? && classic.getUrl() != "">${classic.getUrl()!''}<#else >/ad_list?position_id=${classic.getPositionId()}&parent_id=${classic.getId()}</#if>">
                                        <span>
                                            <img alt="" class="lazy"
                                                 data-original="http://img.boyitongcheng.com/${classic.getImgUrl()}!200x200"
                                                 src="http://img.boyitongcheng.com/${classic.getImgUrl()}!200x200"
                                                 style="display: inline;">
                                        </span>
                            <span class="list_title-text-1">${classic.getName()}</span>
                        </a>
                    </li>
                </#list>
            </#if>

            <#--<#if classicList??>-->

            <#--<#list classicList as classic>-->
            <#--<li>-->
            <#--<a target="_blank" href="/ad?id=${classic.getId()}">-->
            <#--<span>-->
            <#--<img alt="" class="lazy"-->
            <#--data-original="http://img.boyitongcheng.com/${classic.getImgUrl()}"-->
            <#--src="http://img.boyitongcheng.com/${classic.getImgUrl()}"-->
            <#--style="display: inline;">-->
            <#--</span>-->
            <#--<span class="list_title-text-1">${classic.getName()}</span>-->
            <#--</a>-->
            <#--</li>-->
            <#--</#list>-->
            <#--</#if>-->
            </ul>
        </div>

        <div class="index_list_news_right">
            <div class="index_list_right_title"><p><img src="/common/images/index_list_hot.png"> 热门化妆师</p></div>

            <div class="index_list_right_list">
                <ul>
                <#if hzsList??>

                    <#list hzsList as notice>
                        <li><b>#{notice_index+1}</b><a target="_blank" href="/ad_list?position_id=${notice.getPositionId()}&parent_id=${notice.getId()}">${notice.getName()}</a></li>
                    </#list>

                </#if>
                </ul>
            </div>
        </div>

    </div>
</div>








<div class="index_list_main">
    <p class="list_title"><span class="list_span">6F</span> 经典案例</p>
    <div class="index_list_left">
        <a target="_blank" href="<#if classicOne.getUrl()?? && classicOne.getUrl() != "">${classicOne.getUrl()!''}<#elseif classicOne.getDescn()?? && classicOne.getDescn() != "">/ad?id=${classicOne.getId()}<#else >/ad_list?position_id=${classicOne.getPositionId()}&parent_id=${classicOne.getId()}</#if>">
            <img src="http://img.boyitongcheng.com/${classicOne.getImgUrl()}" width="260px" height="508px">
        </a>
    </div>

    <div class="index_list_right">
        <div class="index_list">
            <ul>
            <#if classicList??>

                <#list classicList as classic>
                    <li>
                        <a target="_blank" href="<#if classic.getUrl()?? && classic.getUrl() != "">${classic.getUrl()!''}<#elseif classic.getDescn()?? && classic.getDescn() != "">/ad?id=${classic.getId()}<#else >/ad_list?position_id=${classic.getPositionId()}&parent_id=${classic.getId()}</#if>">
                                        <span>
                                            <img alt="" class="lazy"
                                                 data-original="http://img.boyitongcheng.com/${classic.getImgUrl()}!200x200"
                                                 src="http://img.boyitongcheng.com/${classic.getImgUrl()}!200x200"
                                                 style="display: inline;">
                                        </span>
                            <span class="list_title-text-1">${classic.getName()}</span>
                        </a>
                    </li>
                </#list>
            </#if>

            <#--<#if classicList??>-->

                <#--<#list classicList as classic>-->
                    <#--<li>-->
                        <#--<a target="_blank" href="/ad?id=${classic.getId()}">-->
                                        <#--<span>-->
                                            <#--<img alt="" class="lazy"-->
                                                 <#--data-original="http://img.boyitongcheng.com/${classic.getImgUrl()}"-->
                                                 <#--src="http://img.boyitongcheng.com/${classic.getImgUrl()}"-->
                                                 <#--style="display: inline;">-->
                                        <#--</span>-->
                            <#--<span class="list_title-text-1">${classic.getName()}</span>-->
                        <#--</a>-->
                    <#--</li>-->
                <#--</#list>-->
            <#--</#if>-->
            </ul>
        </div>

        <div class="index_list_news_right">
            <div class="index_list_right_title"><p><img src="/common/images/index_list_hot.png"> 热门案例</p></div>

            <div class="index_list_right_list">
                <ul>
                <#if classicList??>

                    <#list classicList as classic>
                        <li><b>#{classic_index+1}</b><a target="_blank" href="<#if classic.getUrl()?? && classic.getUrl() != "">${classic.getUrl()!''}<#elseif classic.getDescn()?? && classic.getDescn() != "">/ad?id=${classic.getId()}<#else >/ad_list?position_id=${classic.getPositionId()}&parent_id=${classic.getId()}</#if>">${classic.getName()}</a></li>
                    </#list>

                </#if>
                </ul>
            </div>
        </div>

    </div>
</div>


<div id="id_dialog_hq_index" class="dialog dialog_hq_index"
     style="display: none; position: fixed; z-index: 10005; height: 420px; left: 50%; top: 50%; margin-top: -210px; margin-left: -350px; width: 700px;">
    <div class="hd" style="width: 700px;">
        <p class=".title" style="width: 660px;"></p>
        <a class="close hicon-remove" id="id_close_dialog_a"></a>
    </div>
    <div class="bd" style="width: 100%; height: 391px;">
        <div class="hq-dialog">
            <div class="title">
                <p class="text1">写下婚期预算，以便专属婚礼顾问联系您</p>
            </div>
            <form id="hq_form1" action="/submitUserBudget" method="post">

                <label class="option"><span class="phonetext">咨询风格</span>
                    <select id="wed_type" name="wed_type" class="phone hq_phone1" style="float: right">
                        <option value=""></option>
                        <option value="婚纱摄影">婚纱摄影</option>
                        <option value="传统婚礼">婚庆服务</option>
                        <option value="传统婚礼">传统婚礼</option>
                        <option value="未定">未定</option>
                    </select>
                </label>

                <label class="option"><span class="phonetext">婚礼预算</span>
                    <select id="money" name="money" class="phone hq_phone1" style="float: right">
                        <option value=""></option>
                        <option value="10000-15000元">10000-15000元</option>
                        <option value="15001-20000元">15001-20000元</option>
                        <option value="20001-30000元">20001-30000元</option>
                        <option value="30001-40000元">30001-40000元</option>
                        <option value="40001-50000元">40001-50000元</option>
                        <option value="50000元以上元">50000元以上元</option>
                        <option value="未定">未定</option>
                    </select>
                </label>

                <label class="option"><span class="phonetext">称呼</span><input id="cname" name="cname" placeholder="先生/女士"
                                                                                type="text"
                                                                                class="phone hq_phone1"></label>

                <label class="option"><span class="phonetext">联系方式</span><input id="mobile" name="mobile" placeholder="请输入手机号"
                                                                                type="text"
                                                                                class="phone hq_phone1"></label>
                <label class="option"><span>验证码</span>
                    <input type="text" placeholder="请输入验证码" name="validate_code" class="auth"><input type="button" class="getcode" value="获取验证码" onclick="get_validate_code(this);" />
                </label>
                <button class="btn hq_btn1" style="border: none;" type="submit">确定</button>
                <#--<p class="tiaokuan">确定提交,表示阅读且已同意<a href="/privacy" class="tiaokuan">《博艺网服务条款》</a></p>-->
            </form>
        </div>
    </div>
</div>



<#include "help_link.ftl"/>

<#include "footer.ftl"/>

<#include "toolbar.ftl"/>

<script type="text/javascript" src="/common/js/scrollUp.js"></script>
<script>
    $(function () {

        var headerImg = $('.lunbo_header img');
        var targetImg = $('.lunbo img');
        var lunbobtn = $('#lunbobtn li');
        var lunbo_txt = $('#lb_title li');
        var objInterval;
        var index = 0;

        //自动轮播
        function header_lunbo() {
            if (index > headerImg.length - 1) {
                index = 0;
            }
            $(headerImg).hide();
            $(headerImg[index]).show();
            index++;
        }

        //按钮轮播
        $(headerImg).each(function (btnindex) {
            $(this).hover(function () {
                        clearInterval(objInterval);
                        $(targetImg).hide();
                        $(targetImg[btnindex]).show();
                    },
                    function () {
                        index = btnindex + 1;
                        objInterval = setInterval(header_lunbo, 4000);
                    });
        });


//        objInterval = setInterval(header_lunbo, 4000);

        //自动轮播
        function lunbo() {
            if (index > targetImg.length - 1) {
                index = 0;
            }
            $(targetImg).hide();
            $(targetImg[index]).show();
            $(lunbobtn[index]).removeClass("btn").addClass("btnactive").siblings().removeClass("btnactive").addClass("btn");
            $(lunbo_txt[index]).removeClass("lb_title_txt").addClass("lb_title_txt_active").siblings().removeClass("lb_title_txt_active").addClass("lb_title_txt");
            index++;
        }

        objInterval = setInterval(lunbo, 3500);

        //按钮轮播
        $('#lunbobtn li').each(function (btnindex) {
            $(this).hover(function () {
                        $(this).removeClass("btn").addClass("btnactive").siblings().removeClass("btnactive").addClass("btn");
                        clearInterval(objInterval);
                        $(targetImg).hide();
                        $(targetImg[btnindex]).show();
                    },
                    function () {
                        index = btnindex + 1;
                        $(this).removeClass("btnactive").addClass("btn");
                        objInterval = setInterval(lunbo, 2000);
                    });
        });

        //标题轮播
        $('#lb_title li').each(function (btnindex) {
            $(this).hover(function () {
                        $(this).removeClass("lb_title_txt").addClass("lb_title_txt_active").siblings().removeClass("lb_title_txt_active").addClass("lb_title_txt");
                        clearInterval(objInterval);
                        $(targetImg).hide();
                        $(targetImg[btnindex]).show();
                    },
                    function () {
                        index = btnindex + 1;
                        $(this).removeClass("lb_title_txt_active").addClass("lb_title_txt");
                        objInterval = setInterval(lunbo, 2000);
                    });
        });


        $("#id_close_dialog_a").click(function(){
            $("#id_dialog_hq_index").hide();
        });

        $("#id_right_side").click(function(){
            $("#id_dialog_hq_index").show();
        });


    });
    //回到顶部
    $.scrollUp();

</script>
<script type="text/javascript">
    var countdown=60;
    function settime(obj) {
        if (countdown == 0) {
            obj.removeAttribute("disabled");
            obj.value="免费获取验证码";
            countdown = 60;
            return;
        } else {
            obj.setAttribute("disabled", true);
            obj.value="重新发送(" + countdown + ")";
            countdown--;
        }
        setTimeout(function() {
                    settime(obj) }
                ,1000)
    }

    function get_validate_code(obj) {
        var mobile = $("#mobile").val();
        if (mobile.length != 11)
        {
            alert("手机号格式不正确!");
            return;
        }

        $.post("/sendValidMsg",{
            'mobile':mobile
        },function(data, status){});

        settime(obj);
    }

</script>
</body>
</html>